<#assign base=request.contextPath />
<!DOCTYPE html>
<html>
	<head>
		<base id="base" href="${base}">
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>支付成功</title>
		<link rel="stylesheet" href="${base}/resources/plug/bootstap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="${base}/resources/css/zf/zf-common.css" />
		<style type="text/css">
			html,body,.container{
				width: 100%;
				height: 100%;
				font-family: "微软雅黑";
				padding: 0;
				margin: 0;
			}
			.container{
				padding: 60px 30px 20px 30px;
				margin: 0 auto;
				text-align: center;
			}
			.icon-img{
				width: 110px;
				height: 110px;
				border-radius: 50%;
				border: 2px solid #73d2fe;
				margin: 0 auto;
				text-align: center;
			}
			.icon-img img{
			    margin-top: 20px;
			    width: 75px;
			    height: 65px;
			}
			.con-number {
				width: 100%;
				padding: 40px;
				text-align: center;
			}
			
			.con-number i,
			.con-number,
			span {
				font-style: normal;
				font-size: 36px;
				color: #3C3C3C;
			}
			.con-number p{
				font-size: 18px;
				color: #8D8D8D;
				padding-top: 15px;
			}
			.zf-type .row{
				text-align: left;
				padding-left: 50px;
				color: #8D8D8D;
				font-size: 15px;
				padding-top: 5px;
			}
			.con-button{
				position: fixed;
				width: 100%;
				bottom: 15%;
				text-align: center;
			}
			.con-button input{
				width: 85%;
				
			}
			@media screen and (max-width: 350px) {
			    .con-button{
						bottom: 5%;
					}
			}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="icon-img">
				<img src="${base}/resources/img/sure-1.png" />
			</div>
			<div class="con-number">
				<#if payCommonResponses.amount??><i>￥</i><span>${payCommonResponses.amount!''}</span></#if>
				<p>${payCommonResponses.remark}</p>
			</div>
			<div class="zf-type">
				<#if payCommonResponses.paytoolCode??><div class="row">缴费方式：${payCommonResponses.paytoolCode!''}</div></#if>
				<#if payCommonResponses.completeTime??><div class="row">付款时间：${payCommonResponses.completeTime!''}</div></#if>
				<#if payCommonResponses.orderId??><div class="row">流水号：${payCommonResponses.orderId!''}</div></#if>
			</div>
		</div>
		<div class="con-button">
			<input id="btn" type="button" type="button" class="button log-btn con-btn btn-opcity" value="完成" set-terget="../index.html"/>
		</div>
	</body>
	<script type="text/javascript" src="${base}/resources/plug/jquery/jquery.min.js" ></script>
	<script type="text/javascript" src="${base}/resources/js/common.js" ></script>
	<!-- <script type="text/javascript" src="${base}/resources/js/a-link.js" ></script> -->

</html>
